<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!-- src设置资源路径
        1.相对路径:
            a. 资源和页面在同一目录: 直接写文件名
            b. 资源在页面的上级目录: ../文件名
            c. 资源在页面的下级目录: 文件夹/文件名
        2.绝对路径: 可以访问其它网站的图片, 称为图片盗链, 有找不到图片的风险
        alt 当图片不能显示时显示文本内容
        title 图片标题
        width/height 设置宽/高, 两种赋值方式: 像素、百分比

-->
<img src="a.jpg" width="200" alt="刘涛">
<img src="../b.jpg" width="200">
<img src="abc/c.jpg" width="30%">
<img src="https://cdn.tmooc.cn/bsfile//courseImg///5f791c0985cc4a67a5c4dca6627155b0.jpg"
     alt="图片注解">



</body>
</html>